<template>
    <div class="home_warp">
        <div class="home_logo">
            <img src="@/assets/img/logo.png" alt="" srcset="" />
        </div>
        <el-row :gutter="20">
            <el-col :span="8" :offset="3">
                <el-button @click="$router.push({ name: 'stuInfoEntry' })">用户登录</el-button>
            </el-col>
            <el-col :span="8">
                <el-button @click="$router.push({ name: 'stuInfoSelect' })">信息查询</el-button>
            </el-col>
            <el-col :span="4">
                <el-button @click="$router.push({ name: 'gradeAnalysis' })">成绩分析</el-button>
            </el-col>
        </el-row>
    </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.home_warp {
    height: 600px;

    .home_logo {
        display: flex;
        justify-content: center;
        height: 150px;
        margin: 70px 0;
    }

    .el-col {
        height: 400px;
    }

    .el-row {
        height: 400px;
    }
}
</style>